<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body>
<jsp:include page="header.jsp"></jsp:include>

<section class="pro-list">
    <aside class="pro-leftsidebar">
        <ul>
            <li>
                <a>类型搜索</a>
                <ul id="pro-search">
                    <li><a><input type="text"  class="pro-search"><a class="pro-search-btn">搜索</a></a></li>
                </ul>
            </li>
            <li>
                <a>婚纱分类</a>
                <ul id="pro-category">
                    <li class="on"><a href="#">超仙系列</a></li>
                    <li><a href="#">超仙系列</a></li>
                    <li><a href="#">超仙系列</a></li>
                    <li><a href="#">超仙系列</a></li>
                </ul>
            </li>
        </ul>
    </aside>

    <aside class="pro-rightsidebar">
        <header>

                    <p></p>
            <span>森系婚纱</span>
        </header>
        <ul>
            <li >
                <a href="productdetails.jsp">
                <div class="img-box">
                    <img src="images/pro1.png">
                    <p>唯美杏色婚纱</p>
                </div>
                </a>
            </li>

            <li>
                <a href="productdetails.jsp">
                    <div class="img-box">
                        <img src="images/pro2.png">
                        <p>超仙美背婚纱</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="productdetails.jsp">
                    <div class="img-box">
                        <img src="images/pro3.png">
                        <p>高贵拖尾婚纱</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="productdetails.jsp">
                    <div class="img-box">
                        <img src="images/pro4.png">
                        <p>典雅大气婚纱</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="productdetails.jsp">
                    <div class="img-box">
                        <img src="images/pro5.png">
                        <p>冷艳拖尾群婚纱</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="productdetails.jsp">
                    <div class="img-box">
                        <img src="images/pro6.png">
                        <p>超仙拖尾群婚纱</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="productdetails.jsp">
                    <div class="img-box">
                        <img src="images/pro7.png">
                        <p>高贵风范婚纱</p>
                    </div>
                </a>
            </li>

            <li>
                <a href="productdetails.jsp">
                    <div class="img-box">
                        <img src="images/pro8.png">
                        <p>精灵超仙婚纱</p>
                    </div>
                </a>
            </li>
        </ul>
        <div class="pro_list_more_pages">
            <ul>
                <li><a>上一页</a></li>
                <li class="pro-list-current"><a>1</a></li>
                <li><a>2</a></li>
                <li><a>3</a></li>
                <li><a>下一页</a></li>
            </ul>
        </div>
    </aside>


</section>


<jsp:include page="footer.jsp"></jsp:include>

</body>
</html>